﻿@model RRHH.RRHH_Service.BEPersonal
@{
    ViewBag.Title = "Crear Personal";
}


<script language="javascript" type="text/javascript" src="../../Scripts/jquery-1.7.2.js"></script>
<script language="javascript" type="text/javascript" src="../../Scripts/jquery.validate.js"></script>

<script type="text/javascript">

    $(document).ready(function () {

        $("#PersonalForm").validate({
            rules: {
                NUMERODOCUMENTO: {required: true},
                NOMBRESEMPLEADO: {required: true},
                APEPATERNOEMPLEADO: {required: true},
                APEMATERNOEMPLEADO: {required: true},
                FECHANACIMIENTO: {required: true},
                EMAIL: {required: true},
                DIRECCIONEMPLEADO: {required: true}
            },
            messages: {
                NUMERODOCUMENTO: {required: "Ingrese un DNI válido."},
                NOMBRESEMPLEADO: {required: "*"},
                APEPATERNOEMPLEADO: {required: "*"},
                APEMATERNOEMPLEADO: {required: "*"},
                FECHANACIMIENTO: {required: "*"},
                EMAIL: {required: "*"}
            }
        })

        $("#btnConsultarDNI").click(function () {
            var dni = $('#NUMERODOCUMENTO').val();
            $.post("/PersonalEF/ConsultarDNI", {
                dni: dni
            }, function (data) {

                if (data.Error) {
                    window.alert(data.ErrorMessage);
                }

                $('#APEMATERNOEMPLEADO').val(data.APEMAT);
                $('#APEPATERNOEMPLEADO').val(data.APEPAT);
                $('#NUMERODOCUMENTO').val(data.DNI);
                $('#NOMBRESEMPLEADO').val(data.NOMBRE);
            });
        });

        $("#ddlDepartamento").change(function () {
            cambiaProvincia($("#ddlDepartamento").val());
        });


    });


    function cambiaProvincia(deps) {
    
        var dd = document.getElementById("ddlProvincia");
        dd.options.length = 0;
        dd.options[0] = new Option("Espere...");
        dd.selectedIndex = 0;
        dd.disabled = true;

        // Control de errores

        $("#ddlProvincia").ajaxError(function (event, request, settings) {
            dd.options[0] = new Option("Departamento incorrecto");
        });

        // Obtenemos los datos...

        $.getJSON(
        '<%= Url.Action("GetProvincia") %>', // URL a la acción
        {depa: $("#ddlDepartamento").val() },                  // Objeto JSON con parámetros
        function (data) {                    // Función de retorno exitoso
            $.each(data, function (i, item) {
                dd.options[i] = new Option(item, item);
            });
            dd.disabled = false;
        });
    }

</script>


<h2>Crear nuevo Empleado</h2>
@using (Html.BeginForm("Create", "PersonalEF", FormMethod.Post, new { id = "PersonalForm" }))
{
    //@Html.ValidationSummary(true)

    
    using (var t = Html.JQueryUI().BeginTabs())
    {
        t.Tab("Informacion General", "tab1");
        t.Tab("Direccion", "tab2");
        t.Tab("Informacion SUNAT", "tab3");
        using (t.BeginPanel())
        {
            <div class="editor-label">
                DNI  
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.NUMERODOCUMENTO) <input id="btnConsultarDNI" type="button" value="Verificar DNI" />
                @Html.ValidationMessageFor(model => model.NUMERODOCUMENTO)
            </div>
            <div class="editor-label">
                Nombre
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.NOMBRESEMPLEADO)
                @Html.ValidationMessageFor(model => model.NOMBRESEMPLEADO)
            </div>
            <div class="editor-label">
                Apellido Paterno
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.APEPATERNOEMPLEADO)
                @Html.ValidationMessageFor(model => model.APEPATERNOEMPLEADO)
            </div>

            <div class="editor-label">
                Apellido Materno
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.APEMATERNOEMPLEADO)
                @Html.ValidationMessageFor(model => model.APEMATERNOEMPLEADO)
            </div>

            <div class="editor-label">
                Fecha de Nacimiento
            </div>
            <div class="editor-field">
                @Html.JQueryUI().DatepickerFor(model => model.FECHANACIMIENTO)
                @Html.ValidationMessageFor(model => model.FECHANACIMIENTO)
            </div>

            <div class="editor-label">
                Estado Civil
            </div>
            <div class="editor-field">
                @Html.DropDownList("ddEstCivil", ViewData["ddEstCivil"] as SelectList)
            </div>

            <div class="editor-label">
                Sexo
            </div>
            <div class="editor-field">
                @Html.DropDownList("ddlSexo", ViewData["ddlSexo"] as SelectList)
            </div>
            <div class="editor-label">
                Email
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.EMAIL)
                @Html.ValidationMessageFor(model => model.EMAIL)
            </div>
        }
        using (t.BeginPanel())
        {
            <div class="editor-label">
                Direccion Completa
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.DIRECCIONEMPLEADO)
                @Html.ValidationMessageFor(model => model.DIRECCIONEMPLEADO)
            </div>
    
            <div class="editor-label">
                Departamento
            </div>
            <div class="editor-field">
                @Html.DropDownList("ddlDepartamento", ViewData["ddlDepartamento"] as SelectList, "-Selecciona-")
            </div>
            <div class="editor-label">
                Provincia
            </div>
            <div class="editor-field">
                @Html.DropDownList("ddlProvincia", ViewData["ddlProvincia"] as SelectList)
            </div>
            <div class="editor-label">
                Distrito
            </div>
            <div class="editor-field">
                 @Html.DropDownList("ddlDistrito", ViewData["ddlDistrito"] as SelectList)
            </div>
        }
        using (t.BeginPanel())
        {

        }
    }
    

    <fieldset>
        <legend>PERSONAL</legend>
        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
}
<div>
    @Html.ActionLink("Back to List", "ListadoPersonal")
</div>
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
